<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="/css/bootstrap.min.css">
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css">
	<script src="/js/bootstrap.min.js"></script>
	<title>Document</title>
	<style>
		aside {
			background-color: #2e3f50;
			width: 15%;
			height: 100vh;
			float: left;
			color: #fff;
			padding: 30px;
			display: flex;
			flex-direction: column;
			justify-content: start;
			align-items: center;
		}

		header {
			width: 85%;
			background-color: #5268b7;
			color: #fff;
			height: 70px;
			float: right;
			border-radius: 2px;
		}

		.name {
			margin: 10px 0;
			line-height: 60px;
		}

		aside a {
			color: #fff;
		}
		aside a:hover {
			color: #999;
			text-shadow: 3px 3px 5px #000;
		}
		aside a.active {
			color: #999;
			text-shadow: 3px 3px 5px #000;
		}

		main {
			width: 85%;
			float: right;
		}
	</style>
</head>
<body>

	<aside class="shadow">
		<p class="h3">smbms</p>
		<p class="name"><span th:text="${session.username}">李明</span></p>
		<nav class="nav flex-column">
			<a class="nav-link active" href="#">
				<i class="bi bi-house-door-fill"></i>
				<span>首页</span>
			</a>
			<a class="nav-link" href="/showUser">
				<i class="bi bi-people-fill"></i>
				<span>用户管理</span>
			</a>
			<a class="nav-link" href="/showBill">
				<i class="bi bi-receipt-cutoff"></i>
				<span>账单管理</span>
			</a>
			<a class="nav-link" href="/showProvider">
				<i class="bi bi-cart-fill"></i>
				<span>供应商管理</span>
			</a>
			<a class="nav-link" href="/editPasswordHTML">
				<i class="bi bi-gear-fill"></i>
				<span>个人设置</span>
			</a>
			<a class="nav-link" href="/quit">
				<i class="bi bi-box-arrow-left"></i>
				<span>退出</span>
			</a>
		</nav>
	</aside>

	<header class="navbar shadow">
		<h3>超市账单管理系统</h3>
	</header>

	<main>
		<nav aria-label="breadcrumb">
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="#">首页</a></li>
			</ol>
		</nav>

		<div class="jumbotron" style="padding: 20px;">
			<h1 class="display-4">Hello, <span th:text="${session.username}"></span></h1>
			<p class="lead">欢迎使用超市账单管理系统，在这里你可以体验到不一样的管理体验。</p>
			<hr class="my-4">
			<p>Thanks for using our market management system, do remember to recomemd it to your friends.</p>
			<a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
		</div>
	</main>

</body>
	<script>

	</script>
</html>